@charset "utf-8";
/* 头部 */
.header{padding-top: 5px;background: url(../images/index/headerbg.jpg) no-repeat top center;background-size: 100% 100%;}




.header *{box-sizing: border-box;}
.left{margin-top: 4px;}
.left,.left a{color: #E0EDFF;}
.left span{margin: 0 18px;}
.right a{color: #CFE1FC;display: inline-block;vertical-align: middle;margin-right: 20px;}
.right .ipv6{color: #CFE1FC;display: inline-block;vertical-align: middle;padding: 3px 10px;border: 1px solid #d1def2;border-radius: 18px;}
.right a img{vertical-align: middle;margin-right: 5px;}
.jzicon{width:15px;}
.slhicon{width:15px;}
.right a span{display: inline-block;vertical-align: middle;}
.slide{display: none;}
.logobox{padding-top: 5px;}
/* .logobox .logo img{height:107px;} */
.logobox .logo{width:460px;}
.logobox .mobilelogo{display: none;}
.logobox .searchbox{margin-top: 15px;}
.logobox .searchbox > *{display: inline-block;vertical-align: middle;height: 44px;}
.logobox .searchbox input{width: 360px;padding-left: 13px;;outline: none;background-color: rgba(255, 255, 255, .64);border: 1px solid #fff;border-radius: 2px;}
.logobox .btn{width: 87px;line-height: 44px;color: #fff;font-size: 18px;font-weight: bold;text-align: center;margin-left: 5px;border-radius: 2px;cursor: pointer;}
.logobox .btn1{background: #C43D3D;}
.logobox .btn2{background: #1B5ABA;}
.logobox .btn3{display: none;background: url(../images/index/schbtnbg.png) no-repeat;background-size: 100% 100%;}
.nav{margin-top: 217px;width: 100%;height: 60px;background: rgba(20, 87, 186, 0.8); overflow: hidden;}
.nav li{font-size: 24px;font-weight: bold;line-height: 60px;float: left;position: relative;}
.nav li a{color: #fff;display: inline-block;}
.nav li.on a{position: relative;}
.nav li + li{margin-left: 130px;}
.nav li a::after{content: '';position: absolute;bottom: 6px;left: 0;width: 0;height: 4px;background-color: #fff;transition: all .5s;}
.nav li.on a::after{width: 100%;}
.nav li:hover a::after{width: 100%;}
/* 气氛头部样式 */
/* .header{background-image:url('../images/public/year_headbg.png');}
.nav{background:#D43030;}
.left, .left a,.right a,.right .ipv6{color:#D43030;border-color:#D43030;} */
.headertop{display:none;}
/* 气氛头部样式结束 */
.menubtn{width: 26px;height: 58px;position: absolute;top: 0;right: 10px;z-index: 20;float: right;cursor: pointer;display: none;transition: 0.4s;cursor: pointer;}
.menubtn.active{position:fixed;}
.menubtn span{ margin-top: 28px; display:block; width:15px; height:2px; background:#fff; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 26px; height: 2px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;background: #fff;}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.fix-mainNav{position: fixed;left: 0;right: 0;top: 0;z-index: 1000;height: 0;overflow: hidden;background: #1E72D9;opacity: 0;box-shadow: 0 0 5px 2px rgba(0, 45, 113, 0.5);-webkit-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
.fix-mainNav .container,.fix-mainNav ul{height: 100%;}
.fix-mainNav .container{width: 1350px;}
.fix-mainNav ul li{float: left;margin: 0 60px;}
.fix-mainNav ul li.li-index{margin-left: 57px;}
.fix-mainNav ul li a{display: block; text-align: center;font-weight: 600;}
.fix-mainNav ul li a span{display: inline-block; position: relative; padding: 30px 0 25px; color: #fff; font-size: 1.25em; line-height: 25px;}
.fix-mainNav ul li a:hover,
.fix-mainNav ul li.on a{font-weight: bold;}
.fix-mainNav ul li a span:after{content: ''; height: 4px; width: 0; position: absolute; left: 0; bottom: 0; background: #fff; border-radius: 3px;}
.fix-mainNav ul li a:hover span:after,
.fix-mainNav ul li.on a span:after{ width: 100%;}

.fix-mainNav .fix-search-btn img,
.fix-mainNav ul li a,
.fix-mainNav ul li a span:after{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.fix-mainNav.on{opacity: 1; height: 80px;overflow: visible;}

.fix-mainNav .fix-search-btn{position: relative;cursor: pointer;width: 7%;top:21px;}
.fix-mainNav .fix-search-btn img{display: none;position: relative;display: none;max-width: 100%;margin:0 auto;-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.fix-mainNav .fix-search-btn:before{content:"";position: absolute;left:0;right:0;bottom:1px;height: 0;background: url(../images/index/fix_search_bg1.png) no-repeat;background-size: 100% 100%;}
.fix-mainNav .fix-search-btn:hover{transform:scale(1.05);}
.fix-search{/* display: none; */margin:0 auto;width: 32.48%;/* max-width:366px; */padding: 0 3% 11px;background: url(../images/index/fix_search_bg2.png) no-repeat center;background-size: 100% 100%;}
.fix-search .fix-search-box{position: relative;padding:0 47px 0 20px;/* background: #2584e3; */margin:0 auto 8px;height: 30px;line-height: 30px;border-radius: 19px;}
.fix-search .fix-search-box input{border:none;background: none;outline: none;color:#fff;}
.fix-search .fix-search-box .fix-s-txt{width:100%;height: 100%;}
.fix-search .fix-search-box .fix-s-txt::placeholder{color:#fff;}
.fix-search .fix-search-box .fix-s-btn{cursor: pointer; position: absolute;right:0;top:0;height:100%;width:47px;background: url(../images/index/fix_seaicon.png) no-repeat center;}
.fix-mainNav.showSea{background-image: linear-gradient(#2181e7 8%, #3a95f2);}
.fix-mainNav.showSea ul li{transition: all 0.2s;}
.fix-mainNav.showSea .fix-search-btn{width:84px;display: none;transition: all 0.05s;}

.fix-mainNav.on .fix-search-btn:before{height: 15px;transition-delay: 0.4s;}

#fixsearchForm{display: block;height: 100%;}
/* 响应式 */
@media (max-width: 1500px){
    /* 头部 */
    .nav li + li{margin-left: 90px;}
    .fix-mainNav ul li{margin: 0 58px;}
}
@media (max-width: 1200px){
    /* 头部 */
    .logobox{margin-top: 20px;}
    .logobox .logo{float: unset;;width: 100%;text-align: center;display: block;}
    .logobox .logo img{width: 460px;}
    .logobox .searchbox{float: unset;text-align: center;}
    .nav{margin-top: 35px;}
    .nav li{width: 14.2%;text-align: center;}
    .nav li + li{margin-left: 0;}
    .fix-mainNav{display: none;}
}
@media screen and (max-width: 992px){
    .right a{margin-right: 5px;}
    .right .ipv6{display: none;}
}
@media (max-width: 450px){
    /* 头部 */
    .header{background-size: 100% 100%;padding-top: 5px;background-image: url(../images/index/mobile_topbg.png);}
    .left{font-size: 14px;}
    .left span{margin: 0 5px;}
    .right{float: left;margin: 10px 0 0px;font-size: 14px;display: none;width: 100%;padding-left: 15px;}
    .right a{margin: 5px;text-align: center;}
    .right a + a{margin-left: 5px;}
    .right a img{margin-right: 10px;/* margin-bottom: 5px; */height: 20px;}
    .right a span{/* display: block; */}
    .topbar{position: relative;}
	.menubtn{display: block;}
    .slide{display: block;position: absolute;right: 10px;top: 10px;}
    .logobox .logo{display: none;}
    .logobox .mobilelogo{display: block;text-align: center;}
    .logobox .mobilelogo img{width: 80%;}
    .logobox{margin-top: 25px;padding-bottom: 35px;}
    .logobox .searchbox{margin: 10px auto 0;width: 95%;position: relative;}
    .logobox .searchbox input{width: 100%;padding-left: 33px;padding-right: 26%;border-radius: 6px;background: url(../images/index/mobile_sch_ico.png) no-repeat 14px center;background-color: rgba(255,255,255,0.6);}
    .logobox .btn{font-size: 14px;width: 25%;margin-left: 0;display: none;}
    .logobox .btn3{position: absolute;display: block;top: 0;right: 0;border: 1px solid #fff;border-radius: 6px;}
    .nav{position: fixed;margin-top: 0;top: 0;right: -200px;width: 200px;height: 100%;z-index: 12;padding-top: 40px;transition: all .5s;background-color: #385AAF;}
    .nav.on{right: 0;}
    .nav li{width: 100%;font-size: 18px;font-weight: normal;padding-left: 40px;text-align: left;}
    .nav li.on a::after{display: none;}
    /* 气氛头部手机端样式 */
    /* .header{background-image:url('../images/public/year_headbg.png');background-size: 920%;}
    .headertop{display:block;}
    .nav{background:#F6CD9B;}
    .nav li a{color:#d43030;} */
    /* 气氛头部手机端样式结束 */
}